<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>课程预约</title>
	<style type="text/css">
	/*基本信息*/
	*{
		margin: 0px;
		padding: 0px;
	}


#nav {
	display:block;
	white-space:nowrap;
	width:1300px;/*500px;*/
	height: 70px;	
}

#nav li {
	width:80px;
	height:70px;
	margin:20px;
	display:inline-block;
}

#nav li a {
	font-size: 20px;
	color: white;/*#313131*/
	text-decoration: none;
}
#nav li p {
	padding-top: 10px;
	font-size: 20px;
	color: white;
	
}
.lir{
	float: right;	
}



.topdiv{
		height: 70px;

		background-color:black;/*#666666*/
}

		
	
	.centers{height: 600px;width: 1300px} 

	.centers .c_left{
		display:inline-block;
		width:20%;height: 500px;
		position:absolute;
		left: 0px;
		padding-top: 100px;
		background-color:#787878;} 
	.centers .c_right{
		display:inline-block;
		width:80%;height: 600px;
		background-color:#999999;
		position:absolute;
		right:0px;}
		


		.menu_item a,a:link{
			font-size: 24px;
			text-decoration: none;
			color:black;
			/*background-color:#FFF;*/
			position: relative;
			margin-left: 30%;
			top: 10px;
			/*background-color:#999999;*/
			border-radius: 5px;

		}
		.menu_item a:hover{
			color: white;
			left:  20px;
		}
		.logo{
			align:center;
			margin-left: 15%;
		}
		.content{
			
		}
	</style>


<script type="text/javascript">
	window.onload=function(){

		
		var menu=document.getElementById('menu')
		if({{user.identity}}==0){
			menu.innerHTML='预约课程'
			menu.href="order_stu"


		}else{
			menu.innerHTML='可选预约'
			menu.href="order_tea"
		}
	}

	function receiver(element){

			
			var xhr = new XMLHttpRequest()
			xhr.onreadystatechange = function(e){


				if (xhr.readyState==4) {
					alert(xhr.status)
					if (xhr.status==200) {
						

						// alert(xhr.responseText)
						if (xhr.responseText=='OK') {
							alert('接受成功！')
							
							window.location.reload()
						}
					}
				}
			}
			xhr.open('post','receiver_order',true)
			xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded')
			xhr.send("lessonid="+element.id)


		}

		function showinfo(o){

			document.getElementById('info'+o.id).style.display = 'block'
		}	
function hideinfo(o){
			document.getElementById('info'+o.id).style.display = 'none'
		}
</script>
</head>
<body>
	
		<div class="topdiv">
			<div id="nav" class="divinline">
				<ul class="ul">
					<li><a href="index.html">主&nbsp;页</a></li>
					<li><a href="order.html">课程中心</a></li>
					<li><a href="myinfo.html">个人中心</a></li>
					<li class="lir"><a href="logout">退出登录</a></li>
					<li class="lir"><p>{{user.nickname}}</p></li>
					<li class="lir" id="src"><img src="/media/{{user.src}}" style="width: 50px;height: 50px;border-radius: 25px"></li>
				</ul>				
			</div>
		</div> 


	<div class="centers" > 
		<div class="c_left">
			<div class="menu_item">
				<a id='menu'></a>
			</div>
		</div> 
		<div  class="c_right">
	<div class='content'>
	{%block Order_body%}
	{% endblock %}
	</div>  
</body>
</html>